<template>
  <div>
    <base-nav-2></base-nav-2>
    <!-- <base-header-2></base-header-2> -->
    <router-view></router-view>
    <base-footer></base-footer>
  </div>
</template>

<script setup>
import {
  reactive,
  toRefs,
  onBeforeMount,
  onMounted,
  getCurrentInstance,
  defineComponent,
} from "vue";

import BaseHeader2 from "components/base/BaseHeader2";
import BaseFooter from "components/base/BaseFooter";
import BaseNav2 from "components/base/BaseNav2";

// const Component = defineComponent({
//   BaseHeader,
//   BaseFooter,
// });

const { proxy } = getCurrentInstance();

const props = defineProps({});

const data = reactive({});
const refData = toRefs(data);

onBeforeMount(() => {});
onMounted(() => {});
</script>
<style lang="scss" scoped></style>
